<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Home - Documentation</title>

    <script src="scripts/prettify/prettify.js"></script>
    <script src="scripts/prettify/lang-css.js"></script>
    <!--[if lt IE 9]>
      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <link type="text/css" rel="stylesheet" href="styles/prettify.css">
    <link type="text/css" rel="stylesheet" href="styles/jsdoc.css">
</head>
<body>

<input type="checkbox" id="nav-trigger" class="nav-trigger" />
<label for="nav-trigger" class="navicon-button x">
  <div class="navicon"></div>
</label>

<label for="nav-trigger" class="overlay"></label>

<nav>
    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Watermark.html">Watermark</a><ul class='members'><li data-type='member'><a href="Watermark.html#.config">config</a></li><li data-type='member'><a href="Watermark.html#$options">$options</a></li></ul><ul class='methods'><li data-type='method'><a href="Watermark.html#load">load</a></li><li data-type='method'><a href="Watermark.html#show">show</a></li><li data-type='method'><a href="Watermark.html#hide">hide</a></li><li data-type='method'><a href="Watermark.html#clean">clean</a></li><li data-type='method'><a href="Watermark.html#destory">destory</a></li></ul></li></ul>
</nav>

<div id="main">
    

    



    









    










<section>

<header>
    
        <h2>
        watermark.js
        </h2>
        
    
</header>

<article>
    <div class="container-overview">
    
        

<dl class="details">

    

    
    <dt class="tag-version">Version:</dt>
    <dd class="tag-version"><ul class="dummy"><li>0.0.1</li></ul></dd>
    

    

    

    

    

    

    

    

    
    <dt class="tag-author">Author:</dt>
    <dd class="tag-author">
        <ul>
            <li>lisfan <a href="http://mailto:448182355@qq.com">448182355@qq.com</a> <a href="https://github.com/lisfan">GIT@lisfan</a></li>
        </ul>
    </dd>
    

    

    
    <dt class="tag-license">License:</dt>
    <dd class="tag-license"><ul class="dummy"><li>MIT</li></ul></dd>
    

    

    

    

    
    <dt class="tag-todo">To Do:</dt>
    <dd class="tag-todo">
        <ul>
            <li><p>Todo List</p>
<ul>
<li>图片水印方式</li>
</ul></li>
        </ul>
    </dd>
    
</dl>




        
            <div class="description"><h2><strong>说明 Desc</strong></h2><p>包含多种增加水印方式，支持配置自定义参数</p>
<ol>
<li>文本水印</li>
<li>图片水印（未实现）</li>
</ol>
<h2><strong>注意 Tips</strong></h2><p>标准浏览器支持良好，IE10以下浏览器会有些不可预知问题，未详细测试</p>
<p>目前已知的问题：</p>
<ol>
<li>IE9会有黑底切裁断问题：应该是css3支持力度差，且filter私有样式也不再支持</li>
<li>由于文本水印是基于dom实现的，会受用户的系统环境和系统字体以及用户强制自定义样式的影响而有差异</li>
<li>IE下只支持少部分的options配置</li>
</ol>
<h2><strong>更新日志 Update Log</strong></h2><h3>0.0.1</h3><h4>2016/06/12</h4><ul>
<li>基础构建</li>
</ul>
<h4>2016/06/15</h4><ul>
<li>[bug fix] 修复了 IE下受某些默认字体的影响造成的文字不一致问题，强制设置为宋体</li>
</ul></div>
        

        
            <h3>Examples</h3>
            
    <pre class="prettyprint"><code>水印文字

// 水印内容直接使用字符串，适合简短的内容或者不需要排版的内容
// 具体配置参数见$option @see $options   
    
    new Watermark({
          el: '#table',
          content: '我是水印内容' 
      });
      </code></pre>

    <pre class="prettyprint"><code>水印dom内容
         
// 引用整个 DOM 节点格式

     new Watermark({
          el: '#table',
          content: '#select'
      });</code></pre>

        
    
    </div>

    

    

    

     

    

    

    

    

    
</article>

</section>




</div>

<br class="clear">

<footer>
    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.4.0</a> using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
</footer>

<script>prettyPrint();</script>
<script src="scripts/linenumber.js"></script>
</body>
</html>